<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>爱车管家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/basic.css" />
    <link rel="stylesheet" href="assets/css/app.css" />
    <link rel="stylesheet" href="assets/css/starts.css" />
</head>
<body>
<nav id="kuaikuai-admin" class="am-menu-default am-nav-kuai">
    <ul class="am-list">
        <!--缩略图在标题左边-->
        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
            <aside class="am-u-sm-3 am-list-thumb">
                <img src="./assets/i/examples/test-car.png" alt="" />
            </aside>
            <section class="am-u-sm-9 am-list-main">
                <h3 class="am-text-lg">高尔夫1.4L手动舒适型</h3>
                <h3 class="am-text-lg" id="car-num"><b>粤B 7374F</b><a class="other" data-am-modal="{target: '#my-popup'}">选择其它车辆 >></a></h3>
            </section>
        </li>
    </ul>

    <div class="am-modal am-modal-no-btn am-modal-out" id="my-popup">
        <div class="am-modal-dialog">
            <div class="am-modal-bd">
                <ul class="am-list" id="select-gallery">
                    <li class="am-g am-list-item-dated">
                        <a href="#" class="am-list-item-hd">粤B 7374A<i class="r-btn rg"></i></a>
                    </li>
                    <li class="am-g am-list-item-dated">
                        <a href="#" class="am-list-item-hd">粤B 7374B<i class="r-btn"></i></a>
                    </li>
                    <li class="am-g am-list-item-dated">
                        <a href="#" class="am-list-item-hd">粤B 7374C<i class="r-btn"></i></a>
                    </li>
                </ul>

                <section id="select-btn" class="kuaikuai-btn-lg">
                    <button type="submit" class="btn am-btn am-btn-success am-btn-sm am-btn-block">选择</button>
                </section>
            </div>
        </div>
    </div>
</nav>

<section id="admin-part">
    <ul class="am-avg-sm-2 am-pagination-centered">
        <li class="bb br">
            <h3 class="am-gallery-title">里程</h3>
            <div class="am-gallery-desc">50000</div>
        </li>
        <li class="bb">
            <h3 class="am-gallery-title">保险到期日期</h3>
            <div class="am-gallery-desc">60000</div>
        </li>
        <li class="br">
            <h3 class="am-gallery-title">下次保养里程</h3>
            <div class="am-gallery-desc">2014-12-8</div>
        </li>
        <li>
            <h3 class="am-gallery-title">下次年审日期</h3>
            <div class="am-gallery-desc">2015-1-12</div>
        </li>
    </ul>
</section>

<section id="kuaikuai-reprot">
    <div class="am-list-news">
        <div class="am-list-news-hd am-cf">
            <h2>车辆检测报告</h2>
            <p class="am-fr am-text-sm">日期：2014-12-8</p>
        </div>
    </div>
</section>

<section id="kuaikuai-sel">
    <ul class="am-pagination am-pagination-default">
        <li class="">
            <a href="#">外观<span class="tip_num">1</span></a>
        </li>
        <li class="">
            <a href="#">尾箱</a>
        </li>
        <li class="">
            <a href="#">发动机<span class="tip_num">2</span></a>
        </li>
        <li class="">
            <a href="#">制动</a>
        </li>
        <li class="">
            <a href="#">转向/行驶</a>
        </li>
        <li class="">
            <a href="#">轮胎<span class="tip_num">1</span></a>
        </li>
        <li class="">
            <a href="#">其他<span class="tip_num">5</span></a>
        </li>
    </ul>

    <div class="am-form-group ">
        <ul class="am-gallery am-avg-sm-2 am-gallery-imgbordered" id="am-gallery">
            <li class="am-g am-list-item-dated">
                <a href="#" class="am-list-item-hd"><i class="r-btn rg"></i>只看问题项</a>
            </li>
            <li class="am-g am-list-item-dated">
                <a href="#" class="am-list-item-hd"><i class="r-btn"></i>查看所有项</a>
            </li>
        </ul>
    </div>
</section>

<section id="kuaikuai-port">
    <div class="am-list-news">
        <div class="am-list-news-hd am-cf">
            <h2>外观</h2>
        </div>
    </div>

    <div class="am-list-news-bd">
        <ul class="am-list">
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">前后保险杠</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">优</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">无需更换</a>
            </li>
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">全车灯光/灯罩</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">良</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">建议更换</a>
            </li>
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">雨刮刷</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">差</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">急需更换</a>
            </li>
        </ul>
    </div>

    <div class="am-list-news">
        <div class="am-list-news-hd am-cf">
            <h2>轮胎</h2>
        </div>
    </div>

    <div class="am-list-news-bd">
        <ul class="am-list">
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">前后保险杠</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">优</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">无需更换</a>
            </li>
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">全车灯光/灯罩</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">良</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">建议更换</a>
            </li>
            <li class="am-g">
                <a href="#" class="am-u-sm-5 am-list-item-hd">雨刮刷</a>
                <a href="#" class="am-u-sm-3 am-list-item-hd te">差</a>
                <a href="#" class="am-u-sm-4 am-list-item-hd last">急需更换</a>
            </li>
        </ul>
    </div>
</section>
<section id="kuaikuai-btn" class="kuaikuai-btn-lg">
    <button type="submit" class="btn am-btn am-btn-success am-btn-lg am-btn-block">分享到朋友圈</button>
</section>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="assets/js/zepto.min.js" type="text/javascript"></script>
<script src="assets/js/touch.js" type="text/javascript"></script>
<script src="assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>